<!--
 * @Author: your name
 * @Date: 2021-10-06 16:14:11
 * @LastEditTime: 2021-10-06 18:50:33
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \bigdate\src\views\admin\functionPage\workbench\index.vue
-->
<template>
    <div>
        <Row :gutter="[10, 10]">
            <Col :md="{ span: 24 }" :xs="{ span: 24 }" :lg="{ span: 6 }">
                <Userinfo></Userinfo>
            </Col>
            <Col :md="{ span: 24 }" :xs="{ span: 24 }" :lg="{ span: 18 }">
                <Row :gutter="[10, 10]">
                    <Col :md="{ span: 24 }" :xs="{ span: 24 }" :lg="{ span: 24 }">
                        <WeatherVue></WeatherVue>
                    </Col>
                    <Col :md="{ span: 24 }" :xs="{ span: 24 }" :lg="{ span: 24 }">
                        <ProjectCard></ProjectCard>
                    </Col>
                </Row>
            </Col>
        </Row>
    </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
import { Col, Row, Card } from 'ant-design-vue'
import ProjectCard from './components/ProjectCard.vue'
import Userinfo from './components/UserInfo.vue'
import WeatherVue from './components/weather.vue'

export default defineComponent({
    name: 'Workbench',
    components: {
        Col,
        Row,
        Card,
        ProjectCard,
        Userinfo,
        WeatherVue,
    },
    setup() {},
})
</script>

<style></style>
